﻿body
{
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #525252;
}
/*menu*/
#menu
{
    display:block;
    width: 960px;
    margin: 0 auto;
    
    background:url(../Img/Background.png);
    height: 100px;
}
#menu ul
{
    margin: 0;
    padding-left:500px;
    list-style: none;
}
#menu li
{
    float: left;
    color: 	#FFFFFF;
    height: 28px;
    padding: 0;
}
#menu li ul
{
    background: none repeat scroll 0 0 #333333;
    display:none;
    height: auto;
    position: absolute;
    padding-left:0px;
    width: auto;
}
#menu li li
{
    float:none;
    width:95;
}
#menu li:hover ul {
    display: block;
}
#menu a
{
    color: 	#488AC7;
    display: block;
    line-height: 35px;
    padding: 0 25px;
    text-align:center;
}
#menu li a:hover, #menu ul li:hover a
{
    background: url("../Img/hover.gif") no-repeat scroll center bottom #2580A2;
}
#menu li ul a
{
    text-align: left;
}
#menu li:hover li a {
    background: none repeat scroll 0 0 transparent;
}
#menu a:hover {
    background-color: #000000;
    color: #FFFFFF;
    text-decoration: none;
}
a
{
    text-decoration: none;
}
/*end menu*/
/**********************************************************************/
/*    Content          */ 
#content {
    background-color: #B0C4DE;
    height: 687px;
    margin: 0 auto;
    width: 960px;
}
.left {
    float: left;
    width: 180px;
}
.left h2 {
    color: #7988AF;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    margin: 10px 0 0;
    padding-left: 10px;
    padding-top:0px;
}
.left ul
{
    padding: 10px 0 15px 30px;
    list-style-type: square;
    color: #99AECD;
}
.left ul li a {
    font-weight: 600;
}
.right {
    float: right;
    width: 780px;
}

.right h2 {
    color: #525252;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    margin: 10px 0 0;
    padding-left: 10px;
    padding-top:0px;
}
/*   End Content        */
/*---------menu-bar-------------*/
.bar-menu {
    width: 180px;
}
.bar-menu .box1 
{
    background:url("../../Content/Img/arrow-down-title.jpg") no-repeat scroll center center transparent;
    background-color: #202340;
    border-color: #448882;
    border-style: solid;
    border-width: 1px;
    color: #99BB99;
    cursor: default;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    position: relative;
}
.bar-menu .box1-hover 
{
    background:url("../../Content/Img/arrow-down-title.jpg") no-repeat scroll center center transparent;
    background-color: #113344;
    border-color: #99CCAE;
    border-style: solid;
    border-width: 1px;
    color: #CCEEEB;
    cursor: default;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    position: relative;
}
.bar-menu .box1-open 
{
    background:url("../../Content/Img/arrow-up-title.jpg") no-repeat scroll center center transparent;
    background-color: #202340;
    border-color: #448882;
    border-style: solid solid none;
    border-width: 1px;
    color: #99BB99;
    cursor: default;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    position: relative;
}
.bar-menu .box1-open-hover 
{
    background:url("../../Content/Img/arrow-up-title.jpg") no-repeat scroll center center transparent;
    background-color: #113344;
    border-color: #99CCAE;
    border-style: solid solid none;
    border-width: 1px;
    color: #CCEEEB;
    cursor: default;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    position: relative;
}
.bar-menu .box1 img, .bar-menu .box1-hover img, .bar-menu .box1-open img, .bar-menu .box1-open-hover img {
    right: 6px;
    top: 6px;
}
.bar-menu .section {
    background-color: #224441;
    border-color: #448882;
    border-style: none solid solid;
    border-width: 1px;
    display: none;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px;
}
.bar-menu .section a {
    color: #8BAA88;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .section a:hover {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .box2 {
}
.bar-menu .box2-hover {
    background: none repeat scroll 0 0 #000000;
}
.bar-menu .section .active, .bar-menu .section .active:hover {
    color: yellow;
}


/*---------End menu-bar-------------*/